<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="js/jquery-1.11.3.js"></script>
</head>
<body>
<script>
    /*最原始的跨域
        * 第一步，客户端定义函数，准备接收服务器的json
        * function baidu(json){
         console.log(json)
         $("body").prepend("<h1>"+json.a+"<h1>");
         $("body").children("script").last().remove();
         }
         *第三步 动态创建一个script,远程请求跨域PHP
         $("body").append(`<script src="http://176.202.56.159/day04/kuayu.php?handler=baidu"><\/script>`);
    * */
    /*jq .ajax跨域
    * url中不需要传递参数，jq会随机生成一个参数传递给服务器
    * dataType要设置为jsonp
    * 底层原理不变
    * */
    $.ajax({
        type:"get",
        url:"http://176.202.56.159/day04/kuayu.php",
        //data:xxx,
        success:(data)=>{
            console.log(data)
            $("body").prepend("<h1>"+data.a+"<h1>");
        },
        dataType:"jsonp"
    })
  /*  $.get("http://176.202.56.159/day04/kuayu.php",(data)=>{
        $("body").prepend("<h1>"+data+"</h1>");
    })*/
  /*对跨域的理解：
  *跨域是指请求不同域名下的资源， 默认情况下，xml不支持ajax跨域请求，所以只有通过其他方法来解决，有四种请求资源不会存在跨域问题，link,img,script,iframe；一般使用script这种资源来解决跨域问题，这种方法叫做jsonp，
  * 即填充式json,如何使用jsonp呢？首先客户端定义函数，准备接收服务器的json，然后在服务器端返回一个script函数，把该函数填充到json中,最后动态创建一个script,远程请求跨域PHP，客户端通过填充的json执行已经定义好的函数，
  * 在该函数中，得到的参数便是服务器中传递的json
  * */
</script>
</body>
</html>